<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内置指令_v-text</title>
  <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
  <div id = "app">
    <h1>{{name}}aaaa</h1>
    <h2 v-text="address">aaaaa</h2>
  </div>


<!--
    之前学过的指令:
        v-bind :单向绑定解析表达式，可简写为:xxx
        v-model:双向数据绑定
        v-for:遍历数组/对象/字符串
        v-on:绑定事件监听，可简写为@
        v-if:条件渲染(动态控制节点是否存存在)
        V-else:条件渲染(动态控制节点是否存存在)
        v-show:条件渲染(动态控制节点是否展示
    v-text指令:
        1.作用:向其所在的节点中渲染文本内容。
        2.与插值语法的区别:v-text会替换掉节点中的内容，{{xx}}则不会。
-->
</body>
<script>
  new Vue({
    el: '#app',
    data: {
        name:"张三",
        address:"北京"
    }
  })
</script>
</html>